﻿@model IEnumerable<RetailManagement.Models.list_voucher>

@{
    ViewBag.Title = "Details_Voucher";
    Layout = "~/Views/Shared/_Layout1.cshtml";
}

@foreach (var item in Model) {
        <div id="column1">
            <div>
                <a6>@Html.DisplayFor(modelitem => item.Fullname)</a6>
            </div>
            <div id="two-columns">
                <div id="column8">
                    <div id="column10">
                        <div id="column12">
                            <div class="column18">
                                <a7>@String.Format("{0:0,0}đ", (item.Price - (item.Price * (Convert.ToDecimal(item.Sale) / 100))))</a7>
                            </div>
                        </div>
                        <div id="column16"><a9><del>Giá gốc: @String.Format("{0:0,0}đ", (item.Price))</del></a9></div>
                        <div id="column15"><a href="@Url.Action("OrdersCart", "OrderList", new { id = @item.Product_ID })"><img src="../../Content/sovereign/images/btn_mua.png" width="150" height="53" alt=""/></a></div>
                        <div id="column13"> Giảm:  <a8>@Html.DisplayFor(modelitem => item.Sale)%</a8></div>
                        <div id="column13">Tiết kiệm: <a5>@String.Format("{0:0,0}đ", (item.Price * (Convert.ToDecimal(item.Sale) / 100)))</a5></div>
                    </div>
                    <div id="column11">
                        <div id="column14">Thời gian còn lại<br /> <a8>12:12:12</a8></div>
                        <div id="column14"><a8>@Html.DisplayFor(modelitem => item.Quantity)</a8> người đã mua</div>
                    </div>
                </div>
                <div id="column9">
                    <div id="wowslider-container1">
		                <div class="ws_images">
			                <ul>
				                <li><img src="@Html.DisplayFor(modelitem => item.Image_1)" alt="" width="580" height="350" id="wows1_0"/></li>
                				<li><img src="@Html.DisplayFor(modelitem => item.Image_2)" alt="" width="580" height="350" id="wows1_1"/></li>
                                <li><img src="@Html.DisplayFor(modelitem => item.Image_3)" alt="" width="580" height="350" id="wows1_2"/></li>
			                </ul>
		                </div>
		            <div class="ws_shadow"></div>
            	    </div>
	                <script type="text/javascript" src="@Url.Content("~/Scripts/wowslider.js")"></script>
                    <script type="text/javascript" src="@Url.Content("~/Scripts/script.js")"></script>
	            </div>
            </div>
        </div>
        <div id="two-columns">
            <div id="column6">
                <a5>Điểm Nổi Bật</a5><br />
                <li>@Html.DisplayFor(modelitem => item.Highlights)</li>
            </div>
            <div id="column7">
                <a5>Điều Kiện</a5><br />
                <li>@Html.DisplayFor(modelitem => item.Conditions)</li>
            </div>
        </div>
        <div id="columns2">
            <a5>Thông tin chi tiết</a5><br />
            @Html.DisplayFor(modelitem => item.Details)<br />
            <div id="column17">
            <img src="@Html.DisplayFor(modelitem => item.Image_1)" style="margin:5px" />
            <img src="@Html.DisplayFor(modelitem => item.Image_2)" style="margin:5px" />
            <img src="@Html.DisplayFor(modelitem => item.Image_3)" style="margin:5px" />
            <img src="@Html.DisplayFor(modelitem => item.Image_4)" style="margin:5px" />
            <img src="@Html.DisplayFor(modelitem => item.Image_5)" style="margin:5px" />
            <img src="@Html.DisplayFor(modelitem => item.Image_6)" style="margin:5px" />
            </div>
        </div>
}
